<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// import { getDataAPI } from './api/data'
// import { getToken } from '@/utils/auth'
// import { EventSourcePolyfill } from 'event-source-polyfill'
export default {
  name: 'App',
  data() {
    return {
      currentMessage: null
    }
  },
  mounted() {
    // this.getData()
  },
  methods: {
    // async getData() {
    //   const res = await getDataAPI(1)
    //   console.log(res)
    // }
  }
  // mounted() {
  //   // this.createSSE()
  // },
  // methods: {
  //   createSSE() {
  //     const baseURL = process.env.VUE_APP_BASE_API
  //     const url = `${baseURL}/api/sse/dashboard`
  //     this.es = new EventSourcePolyfill(url, {
  //       headers: { 'Authorization': getToken() }
  //     })
  //     this.es.onopen = function(event) {
  //       console.log('连接成功', event)
  //     }
  //     this.es.onmessage = function(event) {
  //       const parsedData = JSON.parse(event.data)
  //       console.log(parsedData)
  //     }
  //     this.es.onerror = function(error) {
  //       // 监听错误
  //       console.log('错误', error)
  //       // that.handleError()
  //     }
  //   },
  //   handleError() {
  //     if (this.es.readyState === EventSourcePolyfill.CLOSED) {
  //       this.es.close()
  //       this.createSSE()
  //     } else if (this.es.readyState === EventSourcePolyfill.CONNECTING) {
  //       console.log('正在重连中')
  //     }
  //   }
  // }
}
</script>
